<template>
  <!--  <div class="w-full h-20 bg-blue-200">-->
  <!--    <Icon color="green" size="48">-->
  <!--      <Money16Regular />-->
  <!--    </Icon>-->
  <!--  </div>-->
  <n-dialog-provider>
    <n-message-provider :placement="placement" closable keep-alive-on-hover>
      <router-view></router-view>
    </n-message-provider>
  </n-dialog-provider>
  <n-back-top :right="10"/>
</template>

<script setup>
import {Icon} from '@vicons/utils' // 外壳
import {Money16Regular} from '@vicons/fluent'   // 图标主体
import {NBackTop, NMessageProvider, useMessage,NDialogProvider} from "naive-ui"
import {provide, ref} from "vue"
// 弹窗的位置
const placement = ref("top")
</script>


<style>
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html, body, #app {
  margin-right: calc(100% - 100vw) !important;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  /*min-height: 600px;*/
}
</style>
